<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子合同</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../static/css/weui.css">
    <link rel="stylesheet" href="../../../static/css/weui2.css">
    <link rel="stylesheet" href="../../../static/css/weui3.css">
    <link rel="stylesheet" href="../../../static/css/weui_new.css">
    <script src="../../../static/js/zepto.min.js"></script>
    <script src="https://cdn.bootcss.com/date-fns/123/date_fns.min.js"></script>
    <script src="../../../static/js/picker.js"></script>
    <script src="../../../static/js/weui.js"></script>
    <!--选择样式-->
    <link rel="stylesheet" href="../../../static/css/picker.css">
    <script src="../../../static/js/city/picker.js"></script>

    <!--引入vue，axios-->
    <script src="../../../static/js/vue.js"></script>
    <script src="../../../static/js/axios.min.js"></script>
    <script src="../../../static/js/city.js?t=v2"></script>
    <!--七牛云上传-->
    <link rel="stylesheet" href="../../../static/css/formdata.css">
    <script>
        var domain = "${picDomain}"; // you bucket domain  eg: http://xxx.bkt.clouddn.com
        var upload_domain = "${uploadDomain}";
    </script>
    <style>
        .sss{
            position: absolute;
            width: 100%;
            height: 13rem;
            bottom: 0;
            padding: 27px 0;
            background-color: #efeff4;
            box-sizing: border-box;
            color: #666;
            z-index: 9999;
            transition: bottom 2s;
        }
        .weui-cell_access .weui-cell__ft:after{
            margin-top: -15px;
        }
        .weui_cells:after {
            border-bottom: none;
        }
        .weui_cells:before {
            border-top: 1px solid #d9d9d9;
        }
        .weui-cells:before {
            z-index: 0;
        }
        .weui-cells:after {
            z-index: 0;
        }
        .weui-label {
            padding: 0;
        }
        .weui-cell:before {
            z-index: 0;
        }
        .weui-cell:after {
            z-index: 0;
        }
        .fadein {
            height: 519px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .fadeout {
            height: 0;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .aa {
            height: 654px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .bb {
            height: 135px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .depositOpen {
            height: 552px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .depositClose {
            height: 0;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .housingListOpen {
            height: 506px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .otherListOpen {
            height: 352px;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .housingListClose {
            height: 0;
            overflow: hidden;
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }
        .rotateY {
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
            transform: rotate(90deg);
        }
        .rotateX {
            -webkit-transition: all 0.5s linear;
            -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
            transform: rotate(0deg);
        }
        .weui-actionsheet {
            position: fixed;
            left: 0;
            top: 0;
            bottom: auto;
            -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 5000;
            width: 100%;
            background-color: #EFEFF4;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
        }
        .weui-actionsheet_toggle {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        /*自写图标*/
        .iconStyle {
            content: '';
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: black;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            position: absolute;
            top: 50%;
            margin-top: -4px;
            margin-left: 5px;
            transform: rotate(135deg);
        }
    </style>
</head>
<body ontouchstart class="page-bg">
<div id="newContract" v-cloak>
    <!--HOME-->
    <section v-if="home">
        <form id="homeForm">
            <div class="weui_cells_title">租客信息</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <!--weui_cell_warn-->
                    <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text"  v-on:click="errorClick('#name')" v-model="homeForm.name" id="name" maxlength="11" placeholder="请输入租客名字">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">手机号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="tel"  v-on:click="errorClick('#tel')" v-model="homeForm.phone" id="tel" maxlength="11" placeholder="请输入租客手机号">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">身份证号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" v-on:click="errorClick('#idCard')" v-model="homeForm.identityNumber" id="idCard"  placeholder="请输入租客身份证号">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn" id="sfss"></i>
                    </div>
                </div>
            </div>
            <div class="weui_cells_title">租赁信息</div>
            <div class="weui-cells weui-cells_form"  style="margin-top: 0">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">租金</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" name="monthlyRent" type="number" pattern="[0-9]*" placeholder="请输入租金金额" @change="dateChange()" value=""/>
                    </div>
                </div>
                <div class="weui-cell" @click="datePickerStart()">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">起租日期</label>
                    </div>
                    <div class="weui-cell__bd weui-cell_access">
                        <input class="weui-input" type="text" name="startDate_show" id="startDate" v-model="start_date"  placeholder="请选择起租日期"  disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui-cell" @click="datePickerEnd()">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">退租日期</label>
                    </div>
                    <div class="weui-cell__bd weui-cell_access">
                        <input class="weui-input" type="text" name="endDate_show" id="endDate" v-model="end_date" placeholder="请选择退租日期"  disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">尾款</label></div>
                    <div class="weui-cell__bd">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui-input" type="number" name="retainage" value="0.00"  id="retainage" readonly onfocus="this.blur()"/>
                    </div>
                </div>

                <div class="weui_cells" style="margin-top: 0">
                    <div class="weui_cell weui_cell_switch">
                        <div class="weui_cell_hd weui_cell_primary">允许租客线上支付房租</div>
                        <div class="weui_cell_ft">
                            <input class="weui_switch" type="checkbox"  v-model="housingForm.retainageMerge"/>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="weui_btn_area" style="padding-bottom: 50px">
            <a id="formSubmitBtn" href="javascript:" class="weui_btn weui_btn_primary" v-on:click="next()">下一步</a>
        </div>
    </section>
    <section v-if="nextPage">
        <form>
            <div class="weui_cells_title">房源信息</div>
            <div class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" v-on:click="transferClick('housingAddress')">
                    <div class="weui_cell_bd weui_cell_primary">
                        <p style="padding-left: 0">房屋地址
                            <span style="font-size: 12px;color: blue;">{{housingAddressShow}}</span>
                        </p>
                    </div>
                    <div class="weui_cell_ft">
                        <!--<i class="weui_icon_warn"></i>-->
                    </div>
                </a>
            </div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <!--weui_cell_warn-->
                    <div class="weui_cell_hd"><label class="weui_label">租赁用途</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text"  v-on:click="errorClick('#name')" v-model="homeForm.name" id="name" maxlength="11" placeholder="居住">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">居住人数</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="number"  v-on:click="errorClick('#tel')" v-model="homeForm.phone" id="tel" maxlength="11" placeholder="1人">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
            </div>
            <div class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" v-on:click="transferClick('depositAndFees')">
                    <div class="weui_cell_bd weui_cell_primary">
                        <p style="padding-left: 0">押金及其他费用
                            <span style="font-size: 12px;color: blue;"></span>
                        </p>
                    </div>
                    <div class="weui_cell_ft">
                    </div>
                </a>
            </div>
            <div class="weui-cells__title">佣金信息</div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell weui-cell_switch">
                    <div class="weui-cell__bd">佣金</div>
                    <div class="weui-cell__ft">
                        <input class="weui-switch" type="checkbox" @change="commissionClick()" v-model="commissionOpen"/>
                    </div>
                </div>
                <section :class="commissionClass">
                    <div class="weui_cell">
                        <!--weui_cell_warn-->
                        <div class="weui_cell_hd"><label class="weui_label">支付期限</label></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <input class="weui_input" type="number" maxlength="11" placeholder="请输入天数" v-model="homeForm.electroniContractJson.commissionDays">
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_hd"><label class="weui_label">佣金金额</label></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <input class="weui_input" type="number" maxlength="11" placeholder="请输入金额" v-model="homeForm.electroniContractJson.commission">
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">支付方式</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2" v-model="homeForm.electroniContractJson.commissionPayType">
                                <option value="现金">现金</option>
                                <option value="转账支票">转账支票</option>
                                <option value="银行汇款">银行汇款</option>
                            </select>
                        </div>
                    </div>
                </section>
            </div>
            <div class="weui_cells_title">转租费用&其他事项</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <!--weui_cell_warn-->
                    <div class="weui_cell_hd"><label class="weui_label">转租手续费</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" maxlength="11" placeholder="请输入费用" v-model="homeForm.electroniContractJson.protectionFee">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" v-on:click="transferClick('removeTerm')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">合同解除条件
                                <span style="font-size: 12px;color: blue;"></span>
                            </p>
                        </div>
                        <div class="weui_cell_ft">
                            <i class="weui_icon_warn"></i>
                        </div>
                    </a>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" v-on:click="transferClick('otherPromiseTips')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">其他约定事项
                                <span style="font-size: 12px;color: blue;"></span>
                            </p>
                        </div>
                        <div class="weui_cell_ft">
                            <i class="weui_icon_warn"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="weui_cells_title">附件</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" v-on:click="transferClick('housingList')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">房屋交割清单
                                <span style="font-size: 12px;color: blue;"></span>
                            </p>
                        </div>
                        <div class="weui_cell_ft">
                            <i class="weui_icon_warn"></i>
                        </div>
                    </a>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" v-on:click="transferClick('otherList')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">其他相关费用
                                <span style="font-size: 12px;color: blue;"></span>
                            </p>
                        </div>
                        <div class="weui_cell_ft">
                            <i class="weui_icon_warn"></i>
                        </div>
                    </a>
                </div>
            </div>
        </form>
        <div class="weui_btn_area" style="padding-bottom: 50px">
            <a  href="javascript:" class="weui_btn weui_btn_primary" v-on:click="submitFormNormal()">生成合同二维码</a>
            <a href="javascript:" v-on:click="cancelForm()" style="color: #1aad19;border: 1px solid #1aad19;background-color: transparent" class="weui_btn weui_btn_primary">返回上一页</a>
        </div>
    </section>
    <!--房屋地址-->
    <section v-if="housingAddress">
        <form>
            <div class="weui_cells_title">房屋地址
                <br>(注意：房屋地址需要与纸质合同一致)
            </div>
            <div class="weui-cells__title"></div>
            <div class="weui-cells weui-cells_form" style="margin-bottom: 20px">
                <div class="weui-cell weui-cell_switch">
                    <div class="weui-cell__bd">手工填写房源</div>
                    <div class="weui-cell__ft">
                        <i class="weui-icon-info-circle" @click="tips()" style="color:deepskyblue;vertical-align: bottom;margin-bottom: 3px"></i>
                        <input class="weui-switch" type="checkbox" v-model="handlerBoolear"/>
                    </div>
                </div>
            </div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell" v-if="handlerBoolear">
                    <div class="weui_cell_hd"><label class="weui_label">台账号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required  v-model="homeForm.apartmentNo" placeholder="请填写台账号" >
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell" v-on:click="cityPicker()">
                    <div class="weui_cell_hd"><label for="" class="weui_label">省</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text"  id='s' placeholder="请选择" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui_cell" v-on:click="cityPicker()">
                    <div class="weui_cell_hd"><label for="" class="weui_label">城市</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text" value="" id='shi' placeholder="请选择" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui_cell" v-on:click="cityPicker()">
                    <div class="weui_cell_hd"><label for="" class="weui_label">区（县）</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text" value="" id='qx' placeholder="请选择" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <#--&lt;#&ndash;handlerBoolear&ndash;&gt;style="border-top: 1px solid rgba(217,217,217,.5)"-->
                <div class="weui_cell" @click="houseSourceClick()" v-if="!handlerBoolear">
                    <div class="weui_cell_hd"><label for="" class="weui_label">房源列表</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text" value="" placeholder="请选择" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui_cells weui_cells_form" :style="handlerBoolear?'margin-top: 0':'margin-top:20px'">
                <div class="weui_cell" v-if="!handlerBoolear">
                    <div class="weui_cell_hd"><label class="weui_label">房源编号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text"  v-model="homeForm.housingSourceDataJson.apart_id" disabled>
                    </div>
                </div>
                <#--<div class="weui_cell" v-if="!handlerBoolear">-->
                <#--<div class="weui_cell_hd"><label class="weui_label">小区名称</label></div>-->
                <#--<div class="weui_cell_bd weui_cell_primary">-->
                    <#--<input class="weui_input" type="text" placeholder="请填写小区名称">-->
                    <#--</div>-->
                <#--</div>-->
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">详细地址</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <#--<input class="weui_input" type="" required  v-model="homeForm.address" placeholder="请输入详细地址" >-->
                        <textarea  maxlength="48"  style="width: 100%;font-size: 17px;border: none;height: 71px;background-color: #FFFFFF" required v-model="homeForm.address" placeholder="请填写详细地址，到门牌号" :disabled="!handlerBoolear"></textarea>
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">房间号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required  v-model="homeForm.electroniContractJson.roomCount" placeholder="整租不填" :disabled="!handlerBoolear">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell" v-if="!handlerBoolear">
                    <div class="weui_cell_hd"><label class="weui_label">台账号</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required  v-model="homeForm.apartmentNo" placeholder="请填写台账号" disabled>
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
            </div>
            <div class="weui_btn_area">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="housingAddressReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--押金及其他费用-->
    <section v-if="depositAndFees">
        <form id="form">
            <div class="weui_cells_title">押金及其他费用</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell" v-on:click="depositPicker()">
                    <div class="weui_cell_hd"><label for="" class="weui_label">押金方式</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text" id="depositType" placeholder="请选择" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">有线电视费</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.tvFee" maxlength="12" placeholder="0.00元" >
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">管理费（人）</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.managementFee" maxlength="12" placeholder="0.00元" >
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">卫生费（人）</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.sanitationFee" maxlength="12" placeholder="0.00元" >
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" @click="feeTypeClick('甲方')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">甲方承担费用种类</p>
                        </div>
                        <div :class="depositRotate1" class="weui_cell_ft">
                        </div>
                    </a>
                </div>
                <div :class="feeType1" class="weui-cells weui-cells_checkbox" style="margin-top: 0">
                    <label class="weui-cell weui-check__label" for=c1>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c1 @change="feeTypeChange1()" v-model="lessorDuty[0]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>水费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c2>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c2 @change="feeTypeChange1()" v-model="lessorDuty[1]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c3>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c3 @change="feeTypeChange1()" v-model="lessorDuty[2]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电话费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c4>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c4 @change="feeTypeChange1()" v-model="lessorDuty[3]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电视收视费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c5>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c5 @change="feeTypeChange1()" v-model="lessorDuty[4]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>供暖费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c6>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c6 @change="feeTypeChange1()" v-model="lessorDuty[5]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>燃气费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c7>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c7 @change="feeTypeChange1()" v-model="lessorDuty[6]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>物业管理费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c8>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c8 @change="feeTypeChange1()" v-model="lessorDuty[7]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>卫生费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c9>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c9 @change="feeTypeChange1()" v-model="lessorDuty[8]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>上网费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c10>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c10 @change="feeTypeChange1()" v-model="lessorDuty[9]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>车位费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c11>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c11 @change="feeTypeChange1()" v-model="lessorDuty[10]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>室内设施维修费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c12>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c12 @change="feeTypeChange1()" v-model="lessorDuty[11]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>其他约定费用</div>
                    </label>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" @click="feeTypeClick('乙方')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">乙方承担费用种类</p>
                        </div>
                        <div :class="depositRotate2" class="weui_cell_ft">
                        </div>
                    </a>
                </div>
                <div :class="feeType2" class="weui-cells weui-cells_checkbox" style="margin-top: 0">
                    <label class="weui-cell weui-check__label" for=d1>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d1 @change="feeTypeChange2()" v-model="lesseeDuty[0]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>水费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d2>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d2 @change="feeTypeChange2()" v-model="lesseeDuty[1]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d3>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d3 @change="feeTypeChange2()" v-model="lesseeDuty[2]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电话费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d4>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d4 @change="feeTypeChange2()" v-model="lesseeDuty[3]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电视收视费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d5>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d5 @change="feeTypeChange2()" v-model="lesseeDuty[4]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>供暖费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d6>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d6 @change="feeTypeChange2()" v-model="lesseeDuty[5]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>燃气费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d7>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d7 @change="feeTypeChange2()" v-model="lesseeDuty[6]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>物业管理费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d8>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d8 @change="feeTypeChange2()" v-model="lesseeDuty[7]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>卫生费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d9>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d9 @change="feeTypeChange2()" v-model="lesseeDuty[8]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>上网费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d10>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d10 @change="feeTypeChange2()" v-model="lesseeDuty[9]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>车位费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d11>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d11 @change="feeTypeChange2()" v-model="lesseeDuty[10]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>室内设施维修费</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d12>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d12 @change="feeTypeChange2()" v-model="lesseeDuty[11]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>其他约定费用</div>
                    </label>
                </div>
            </div>

            <div class="weui_btn_area" style="padding-bottom: 50px">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="depositReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--合同解除条件-->
    <section v-if="removeTerm">
        <form id="form">
            <div class="weui_cells_title">合同解除条件</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">甲方延迟交付房屋天数</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lessorBreachMaxDays" maxlength="12">
                        <span style="width: 50%;">天</span>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 50%;"><label class="weui_label" style="width: 100%;">甲方其他违约情形</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.otherDefaultsA" placeholder="请输入" >
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">甲方违约金比例</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lessorBreachFee" maxlength="12">
                        <span style="width: 50%;">%</span>
                    </div>
                </div>
            </div>
            <div class="weui_cells_title"></div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">乙方未按约定交租天数</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lesseeBreachMaxDays" maxlength="12">
                        <span style="width: 50%;">天</span>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">乙方欠缴费用合计</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lesseeOweFeeMax" maxlength="12">
                        <span style="width: 50%;">元</span>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 50%;"><label class="weui_label" style="width: 100%;">乙方其他违约情形</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.otherDefaultsB" placeholder="请输入" >
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">乙方违约金比例</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lesseeBreachFee" maxlength="12">
                        <span style="width: 50%;">%</span>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd" style="width: 70%;"><label class="weui_label" style="width: 100%;">乙方延迟交房滞纳金比例</label></div>
                    <div class="weui_cell_bd weui_cell_primary" style="width: 30%;">
                        <input style="width: 50%;" class="weui_input" type="number" required v-model="homeForm.electroniContractJson.lesseeLateFee" maxlength="12">
                        <span style="width: 50%;">%</span>
                    </div>
                </div>
            </div>

            <div class="weui_btn_area" style="padding-bottom: 50px">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="removeTermReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--其他约定事项-->
    <section v-if="otherPromiseTips">
        <form id="form">
            <div class="weui_cells_title" style="height: 40px;line-height: 44px;">其他约定事项</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <#--<div class="weui_cell_hd"><label class="weui_label">单位地址</label></div>-->
                    <div class="weui_cell_bd weui_cell_primary">
                        <textarea  maxlength="32"  style="width: 100%;font-size: 17px;border: none;height: 150px;"  v-model="homeForm.electroniContractJson.otherPromiseTips" placeholder="请输入100字以内"></textarea>
                    </div>
                </div>
            </div>
            <div class="weui_cells_title"></div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">客户投诉电话</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" required v-model="homeForm.electroniContractJson.CCC" placeholder="请输入经理姓名及电话" >
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
            </div>

            <div class="weui_btn_area" style="padding-bottom: 50px">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="otherPromiseTipsReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--房屋交割清单-->
    <section v-if="housingList">
        <form id="form">
            <div class="weui_cells_title">房屋交割清单</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" @click="housingListClick('电器类')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">电器类</p>
                        </div>
                        <div :class="depositRotate1" class="weui_cell_ft">
                        </div>
                    </a>
                </div>
                <div :class="housingListClass1" class="weui-cells weui-cells_checkbox" style="margin-top: 0">
                    <label class="weui-cell weui-check__label" for=c1>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c1 @change="housingListChange()" v-model="deliveryList[0]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电视机</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c2>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c2 @change="housingListChange()" v-model="deliveryList[1]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>冰箱</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c3>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c3 @change="housingListChange()" v-model="deliveryList[2]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>洗衣机</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c4>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c4 @change="housingListChange()" v-model="deliveryList[3]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>空调</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c5>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c5 @change="housingListChange()" v-model="deliveryList[4]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>微波炉</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c6>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c6 @change="housingListChange()" v-model="deliveryList[5]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>热水器</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c7>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c7 @change="housingListChange()" v-model="deliveryList[6]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>燃气灶</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c8>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c8 @change="housingListChange()" v-model="deliveryList[7]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>油烟机</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c9>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c9 @change="housingListChange()" v-model="deliveryList[8]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>饮水机</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c10>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c10 @change="housingListChange()" v-model="deliveryList[9]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>机顶盒</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=c11>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=c11 @change="housingListChange()" v-model="deliveryList[10]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>灭火器</div>
                    </label>
                </div>
                <div class="weui_cells weui_cells_access" style="margin-top: 0">
                    <a class="weui_cell " href="javascript:;" @click="housingListClick('家具类')">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="padding-left: 0">家具类</p>
                        </div>
                        <div :class="depositRotate2" class="weui_cell_ft">
                        </div>
                    </a>
                </div>
                <div :class="housingListClass2" class="weui-cells weui-cells_checkbox" style="margin-top: 0">
                    <label class="weui-cell weui-check__label" for=d1>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d1 @change="housingListChange()" v-model="deliveryList[11]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>双人床</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d2>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d2 @change="housingListChange()" v-model="deliveryList[12]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>单人床</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d3>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d3 @change="housingListChange()" v-model="deliveryList[12]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>衣柜</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d4>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d4 @change="housingListChange()" v-model="deliveryList[14]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电脑桌</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d5>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d5 @change="housingListChange()" v-model="deliveryList[15]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>书桌</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d6>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d6 @change="housingListChange()" v-model="deliveryList[16]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>书柜</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d7>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d7 @change="housingListChange()" v-model="deliveryList[17]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>餐厅</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d8>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d8 @change="housingListChange()" v-model="deliveryList[18]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>床头柜</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d9>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d9 @change="housingListChange()" v-model="deliveryList[19]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>椅子</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d10>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d10 @change="housingListChange()" v-model="deliveryList[20]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>电视柜</div>
                    </label>
                    <label class="weui-cell weui-check__label" for=d11>
                        <div class=weui-cell__hd>
                            <input type=checkbox class=weui-check name=assistance id=d11 @change="housingListChange()" v-model="deliveryList[21]">
                            <i class=weui-icon-checked></i>
                        </div>
                        <div class=weui-cell__bd>沙发</div>
                    </label>
                </div>
            </div>

            <div class="weui_btn_area" style="padding-bottom: 50px">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="housingListReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--其他相关费用-->
    <section v-if="otherList">
        <form id="form">
            <div class="weui_cells_title">其他相关费用</div>
            <div class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" @click="otherListClick('水电气等')">
                    <div class="weui_cell_bd weui_cell_primary">
                        <p style="padding-left: 0">水电气等</p>
                    </div>
                    <div :class="depositRotate1" class="weui_cell_ft">
                    </div>
                </a>
            </div>
            <div :class="otherListClass1" class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('水费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>水费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[0]?'color: blue':''">{{otherListStatus[0]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('电费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>电费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[1]?'color: blue':''">{{otherListStatus[1]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('电话费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>电话费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[2]?'color: blue':''">{{otherListStatus[2]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('收视费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>收视费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[3]?'color: blue':''">{{otherListStatus[3]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('供暖费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>供暖费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[4]?'color: blue':''">{{otherListStatus[4]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('燃气费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>燃气费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[5]?'color: blue':''">{{otherListStatus[5]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('物业费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>物业费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[6]?'color: blue':''">{{otherListStatus[6]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('卫生费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>卫生费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[7]?'color: blue':''">{{otherListStatus[7]?'已填写':'请填写'}}</div>
                </a>
            </div>
            <div class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" @click="otherListClick('其他项目')">
                    <div class="weui_cell_bd weui_cell_primary">
                        <p style="padding-left: 0">其他项目</p>
                    </div>
                    <div :class="depositRotate2" class="weui_cell_ft">
                    </div>
                </a>
            </div>
            <div :class="otherListClass2" class="weui_cells weui_cells_access" style="margin-top: 0">
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('上网费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>上网费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[8]?'color: blue':''">{{otherListStatus[8]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('电卡')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>电卡</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[9]?'color: blue':''">{{otherListStatus[9]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('水卡')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>水卡</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[10]?'color: blue':''">{{otherListStatus[10]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('燃气卡')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>燃气卡</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[11]?'color: blue':''">{{otherListStatus[11]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('门禁卡')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>门禁卡</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[12]?'color: blue':''">{{otherListStatus[12]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('钥匙')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>钥匙</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[13]?'color: blue':''">{{otherListStatus[13]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('停车费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>停车费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[14]?'color: blue':''">{{otherListStatus[14]?'已填写':'请填写'}}</div>
                </a>
                <a class="weui_cell " href="javascript:;" @click="otherListDetailClick('租赁税费')">
                    <div class="weui_cell_bd weui_cell_primary" style="color: #888;">
                        <p>租赁税费</p>
                    </div>
                    <div class="weui_cell_ft" :style="otherListStatus[15]?'color: blue':''">{{otherListStatus[15]?'已填写':'请填写'}}</div>
                </a>
            </div>
            <div class="weui_btn_area" style="padding-bottom: 50px">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="otherListReturn()">保存并返回</a>
            </div>
        </form>
    </section>
    <!--其他费用详情-->
    <section v-if="otherListDetail">
        <form>
            <div class="weui_cells_title">{{otherListDetailDto.items}}</div>
            <div class="weui_cells weui_cells_form" style="margin-top: 0">
                <div class="weui_cell" @click="otherDetailPicker()">
                    <div class="weui_cell_hd"><label for="" class="weui_label">起记日期</label></div>
                    <div class="weui_cell_bd weui_cell_primary weui-cell_access">
                        <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui_input" type="text"  value=""  v-model="otherListDetailDto.startDate" disabled/>
                        <div class="weui-cell__ft">
                        </div>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">起记底数</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" v-model="otherListDetailDto.baseCount"  maxlength="11" placeholder="请填写">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">单位</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" v-model="otherListDetailDto.unit"  maxlength="11" placeholder="请填写">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd"><label class="weui_label">单价</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" v-model="otherListDetailDto.monovalent" maxlength="11" placeholder="请填写">
                    </div>
                    <div class="weui_cell_ft">
                        <i class="weui_icon_warn"></i>
                    </div>
                </div>
            </div>
            <div class="weui_btn_area">
                <a href="javascript:" class="weui_btn weui_btn_primary" v-on:click="otherListDetailReturn()">保存并返回</a>
            </div>
        </form>
    </section>

    <!--二维码-->
    <!--<section v-if="nextPage">-->
        <!--<div class="weui_btn_area" style="padding-bottom: 50px">-->
            <!--<a  href="javascript:" class="weui_btn weui_btn_primary" v-on:click="submitFormNormal()">生成合同二维码</a>-->
            <!--<a href="javascript:" v-on:click="cancelForm()" style="color: #1aad19;border: 1px solid #1aad19;background-color: transparent" class="weui_btn weui_btn_primary">返回上一页</a>-->
        <!--</div>-->
    <!--</section>-->



<!--<#&#45;&#45;<&#45;&#45;操作成功&ndash;&gt;&ndash;&gt;-->
    <section v-if="success">
        <div class="weui_msg" id="msg1">
            <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
            <div class="weui_text_area" style="color: black;">
                <h2 class="weui_msg_title">操作成功</h2>
                <h2 class="weui_msg_title">月付申请已取消</h2>
            </div>
            <div class="weui_extra_area">

            </div>
        </div>
    </section>
<!--<#&#45;&#45;提交成功&ndash;&gt;-->
    <section v-if="submitSuccess">
        <div class="weui_msg" id="msg2">
            <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
            <div class="weui_text_area" style="color: #000;">
                <h2 class="weui_msg_title">提交成功</h2>
                <h2 class="weui_msg_title" v-if="homeForm.isElectroniContract">等待客户签署合同</h2>
                <h2 class="weui_msg_title" v-if="!homeForm.isElectroniContract">等待审核</h2>
            </div>
            <div class="weui_extra_area">

            </div>
        </div>
    </section>
<!--<#&#45;&#45;弹出层&ndash;&gt;-->

    <div class="js_dialog" id="iosDialog2" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">签署电子合同</strong></div>
            <div class="weui-dialog__bd">电子合同可以替代线下签署的纸质租房合同，两者具有同等法律效力。使用电子合同，需要客户签署后方可进入审批流程。</div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" onclick="$('#iosDialog2').fadeOut(200);">我知道了</a>
            </div>
        </div>
    </div>
    <div class="js_dialog" id="iosDialog1" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">发送电子合同</strong></div>
            <div class="weui-dialog__bd">我们会将电子合同通过公众号发送给租客，需要租客点击签署后生效。确认使用电子合同？</div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" @click="cancleSubmit()">取消</a>
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" @click="submitForm()">发送电子合同</a>
            </div>
        </div>
    </div>
    <!-- loading toast -->
    <div id="loadingToast" style="display:none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-loading weui-icon_toast"></i>
            <p class="weui-toast__content">数据加载中</p>
        </div>
    </div>
</div>
<div style="display: none;">

    <input type="text" id="applicationId" value="${applicationId}">
    <input type="text" id="openId" value="${openId}">
</div>
<script src="../../../static/app/newContract.js"></script>
</body>
</html>